body{
    margin: 0;
    background-image: url("../img/head.jpg");
}
#top{
    margin: 0;
    width: 100%;
    height: 280px;
    background-image: url("../img/top.jpg");
}

#top .center{
    margin: 0 auto;
    width: 1024px;
    height: 280px;
    background-image: url("../img/top_bgcolor.jpg");
    border-bottom: 1px solid #cccccc;
}

#top .center .left{
    margin: 180px 0 0 0;
    float: left;
    width: 512px;
    height: 100px;
}
#top .center .right{
    margin: 180px 0 0 0;
    float: left;
    width: 512px;
    height: 100px;
}
#top .center .right p{
    font-size: x-large;
    line-height: 60px;
    color: #f2f2e8;
}
#head{
    margin: 0;
    width: 100%;
    height: 400px;
    background-image: url("../img/head.jpg");
}
#head .center{
    margin: 0 auto;
    width: 1024px;
    height: 400px;
    background-image: url("../img/head_bgcolor.jpg");

}

#head .center .left{
    margin:0;
    float: left;
    width: 574px;
    height: 120px;
}
#head .center .right{
    margin:0;
    float: left;
    width: 450px;
    height: 120px;
}
#head .center .right p{
    font-size: larger;
    line-height: 60px;
    color: #dedeca;
}
#head .center .middle{
    margin:0;
    float: left;
    width: 1024px;
    height: 80px;
}
#head .center .middle .right {
    margin: 0;
    float: right;
    width: 710px;
    height: 80px;
}
#head .center .middle .right p{
    margin: 0;
    padding:0;
    font-size: small;
    line-height: 20px;
    color:#868686;
}
#head .center .bottom{
    margin:0;
    float: left;
    width: 1024px;
    height: 80px;
}
#head .center .bottom .right {
    margin: 0;
    float: right;
    width: 450px;
    height: 80px;
}
